<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>完美商城</title>
    <meta name="Description" content="完美商城">
    <meta name="Keywords" content="完美商城">
    <link rel="stylesheet" type="text/css" href="../userResource/css/base.css">
    <link rel="stylesheet" type="text/css" href="../userResource/css/index.css">
    <link rel="stylesheet" type="text/css" href="../userResource/css/login.css">
    <style>
        .otherPage {
            height: 100%;
            min-height: 100px;
            max-height: 1000px;
            width: 100%;
            margin-bottom: 100px;
        }

        .page {
            width: 100%;

        }
    </style>
</head>
<body>
<!-- 头信息 -->
<div class="header">
    <div class="wrap cf">
        <span class="f_left welcome">欢迎来到完美世界周边商城！</span>
        <div class="f_right header_cart_tip">
            <!--购物车-->
            <a href="shoppingcart.html" class="text"><span class="icon"></span>购物车（<span class="cartNum">0</span>）</a>
            <div class="cart_list"></div>
        </div>
        <dl class="f_right" style="display: none" id="needLogin">
            <!--订单与关注-->
            <dt><a href="#" class="needLogin">我的订单</a></dt>
            <dd><a href="favorite.html" class="needLogin" id="myHeart">我的关注</a></dd>
            <dd><a href="/admin/index.html" class="needLogin">后台管理</a></dd>
            <dd><a href="#" class="needLogin" onclick="logout()">退出登录</a></dd>
        </dl>
        <dl class="f_right userlogin" id="alreadyLogin">
            <!--登录 注册-->
            <dt><a href="#" class="needLogin" id="login">登录</a></dt>
            <dd><a href="register.html" target="_blank">注册</a></dd>
        </dl>
    </div>
</div>

<!--登录层-->
<div class="login">
    <span></span>
    <!--关闭按钮-->
    <div class="close_box">
        <font>×</font>
    </div>
    <!--表单登录-->
    <h1>账号登录</h1>
    <form action="" method="post" id="form_login">
        <p>
            <label for="username">用户名</label>
            <input type="text" id="username" placeholder="请输入用户名">
        </p>
        <p>
            <label for="psw">密码</label>
            <input type="password" id="psw" placeholder="请输入密码">
        </p>
        <input type="submit" value="登录">
        <input type="reset" value="重置">
    </form>
</div>

<!-- 顶部导航 -->
<div class="top_nav">

    <div class="wrap cf">
        <a href="index.html" class="f_left logo logo_wm" ><img src="../userResource/images/logo_wm.png"
                                                               width="120" height="41" alt=""
                                                               title="完美商城"></a>
        <a href="index.html" class="f_left logo logo_shop"><img src="../userResource/images/logo_shop.png"
                                                                width="55" height="27" alt="" title="完美商城"></a>
        <div class="f_left all_wares">
            <p class="text"><span></span>全部商品</p>
            <ul style="display: none;">
                <li>
                    <a href='/shop/productList.html?cname=姜小虎周边' target="_blank" class="ellipsis2" title="姜小虎系列周边">姜小虎系列周边<em></em></a>
                </li>
                <li>
                    <a href="/shop/productList.html?cname=电竞外设" target="_blank" class="ellipsis2" title="电竞外设">电竞外设<em></em></a>
                    <dl>
                        <dd><a href="/shop/productList.html?cname=键盘" target="_blank">键盘</a></dd>
                        <dd><a href="/shop/productList.html?cname=鼠标" target="_blank">鼠标</a></dd>
                        <dd><a href="/shop/productList.html?cname=耳机" target="_blank">耳机</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <ul class="nav f_left">
            <li><a href="index.html">首页</a></li>
            <li><a href="/shop/productList.html?cname=电竞外设">电竞外设</a></li>
            <li><a href="/shop/productList.html?cname=姜小虎周边">姜小虎周边专区</a></li>
            <li><a href="faq.html">FAQ</a></li>
        </ul>
        <div class="f_right header_search">
            <!--顶部侧搜索框-->
            <form action="" method="get" class="cf">
                <input type="text" class="text " data-old-key="" value="">
                <input type="button" class="btn">
                <span class="keyword">

                        <a href="#" class="tj_link" data-url="#" data-pid="346" target="_blank">敌法师</a>

                        <a href="#" class="tj_link" data-url="#" data-pid="454" target="_blank">国际金猪</a>

                </span>
                <div class="keyword_list">
                    <dl>

                    </dl>
                </div>
            </form>
        </div>
    </div>
</div>

<!--自己的js文件-->
<script type="text/javascript" src="../vendors/myself/myself.js"></script>
<script type="text/javascript" src="../vendors/myself/init.js"></script>

<!-- 初始化加载页面 -->
<script type="text/javascript">
    $(function () {
        initHtml();

    });
</script>
</body>
</html>